<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* 可以设置多个字体,用逗号隔开,如果电脑不支持会依次向后取,都没有就选取默认的字体.一般是微软雅黑 */
      body {
        font-size: 100px;
      }
      .fz1 {
        font-family: "微软雅黑";
      }
      .fz2 {
        font-family: "楷体";
      }
      .fz3 {
        font-family: "宋体";
      }
      .fz2 {
        font-family: "华文彩云";
      }
    </style>
  </head>
  <body>
    <div class="fz1">字体1</div>
    <div class="fz2">字体二</div>
    <div class="fz3">字体三</div>
    <div class="fz4">字体四</div>
  </body>
</html>
